<template>
	<view class="index">
		<view class="title">
			可参与活动>>
		</view>
		<view class="content">
			<image src="../../../static/image/活动1@2x.png" mode="widthFix" @click="extensionFun"></image>
			<image src="../../../static/image/活动2@2x.png" mode="widthFix" @click="couponFun"></image>
			<image src="../../../static/image/活动3@2x.png" mode="widthFix" @click="WriteOffFun"></image>	
			<image src="../../../static/image/活动4@2x.png" mode="widthFix" @click="WriteOffFun"></image>	
		</view>
		
		
	</view>
	
</template>
<script>
	
</script>
<script setup>
	const {
		mourn,
		theme
	} = useStore()
	const {
		Theme,
		onShow
	} = useTheme()
	const {
		proxy
	} = getCurrentInstance()

const extensionFun=()=>{
	proxy.sjuNav.navigateTo('/my/extension')
}
const couponFun=()=>{
	proxy.sjuNav.navigateTo('/my/couponModule')
}
const WriteOffFun=()=>{
	proxy.sjuNav.navigateTo('/my/modelInfo')
}
	
</script>

<style lang="scss">
	.index{
		width: 100%;
		// height: 100%;
		margin: 0;
		padding:20px 15px;
		box-sizing: border-box;
		image{
			width: 100%;
		}
		.content{
			width:100%;
			// margin:0 5%;
			image{
				margin-top:20px;
			}
		}
	}

</style>